<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="apple-mobile-web-app-title" content="Amaze UI" />
<title></title>
<link rel="stylesheet" href="../../../template/assets/css/amazeui.min.css"/>
<link rel="stylesheet" href="../../../template/website/css/app.css"/>
<link rel="stylesheet" href="../../../template/assets/css/font-awesome.css">
<style type="text/css">
  .topbar {
    background: none;
    border-width:0 0 0 0;
 }
 
 .btn-padding{
 padding-right:0;
 padding-left:0;
 }
</style>
</head>
<body>
  <div class="am-g am-list" id="step_one"> 
  
  <div class="am-u-sm-12 am-text-center am-padding-vertical-xs">
     <h2>业务介绍</h2>
  </div>
  <hr data-am-widget="divider" style="" class="am-divider am-divider-default" />
  
  <div class="am-u-sm-12 am-padding-vertical-xs" id="content">
     <div>业务名称：&nbsp&nbsp<span id="title"></span>
     </div>
     <div>业务介绍：&nbsp&nbsp<span id="summary"></span>
     </div>
     <div>资费标准：&nbsp&nbsp<span id="fee"></span>
     </div>
  </div>
  
  <div class=" am-g am-topbar am-topbar-fixed-bottom am-padding-vertical topbar">
  
  <div class="am-u-sm-12 am-input-group am-padding-horizontal">
      <input class="am-form-field" id="phone" placeholder="请输入业务办理的手机号码"  />
      <span class="am-input-group-label"><i class="fa fa-mobile am-icon-xs"></i></span>
  </div>
    
  <div class="am-u-sm-12 am-padding-vertical-xs am-padding-horizontal">
   <div class="am-u-sm-5">
      <button type="button" class="am-btn  am-btn-secondary" id="getSMS">发送验证码</button> 
   </div>
   <div class="am-u-sm-7 am-input-group">
       <input id="smscode" class="am-form-field" value="" placeholder="验证码"  />
        <span class="am-input-group-label"><i class="fa fa-lock am-icon-xs"></i></span>
   </div>
  </div>
  
  <div class="am-u-sm-12 am-padding-horizontal">
      <button type="button"  class="am-btn am-btn-block  am-btn-secondary" id="validate">验  证</button> 
  </div>
     
  </div>
</div>

<div class="am-g am-list am-padding-vertical-xs am-hide" id="step_two" > 
  <div class="am-u-sm-12 am-text-center" id="summary">
     <h2  id="title">业务办理</h2>
  </div>
  <hr data-am-widget="divider" style="" class="am-divider am-divider-default" />
  <div class="am-u-sm-12 am-padding-vertical-xs am-padding-horizontal" >
     <div>
                                当前办理号码：<span id="cellphone"></span>
     </div>                          
  </div>
  
   <div class="am-u-sm-12 am-padding-vertical-xs" >
     <div class="am-u-sm-6">
     <button type="button"  class="am-btn am-btn-block  am-btn-secondary" id="open">申请办理</button> 
     </div>  
     <div class="am-u-sm-6">
     <button type="button"  class="am-btn am-btn-block" id="close">业务退订</button> 
     </div>                         
   </div>
  
    <div class="am-g am-list am-padding-horizontal am-padding-vertical-xl" id="msg"> 
        <div class=" am-g am-padding-horizontal am-padding-vertical-xl am-text-center am-hide" id="loadingbar">
         <i class="am-icon-spinner am-icon-spin" aria-hidden="true"></i>&nbsp&nbsp
        </div>
     </div>
  
</div>
  
<div class="am-modal am-modal-confirm" tabindex="-1" id="myConfirm">
  <div class="am-modal-dialog">
    <div class="am-modal-hd"></div>
    <div class="am-modal-bd" id="modal_msg">
              是否处理本条提醒
    </div>
    <div class="am-modal-footer">
      <span class="am-modal-btn" data-am-modal-confirm>确定</span>
      <span class="am-modal-btn" data-am-modal-cancel >取消</span>
    </div>
  </div>
</div>

  
  <script type="text/javascript" src="../../../template/assets/js/jquery.min.js"></script>
  <script type="text/javascript" src="../../../template/assets/js/amazeui.min.js"></script>
  <script type="text/javascript" src="../../../template/assets/js/handlebars.min.js"></script>
  <script type="text/javascript" src="../../../template/assets/js/amazeui.widgets.helper.min.js"></script>
  <script type="text/javascript" src="../../../template/website/js/app.js"></script>
  <script type="text/javascript" src="../../../template/website/js/goventerprise/esop/request.js"></script>
</body>
</html>